<!DOCTYPE html>
<html lang="en">
<head>
<title>How do I add a chat room? </title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta content="" name="description">
<link href="../css/help.css" media="all" rel="stylesheet" type="text/css" charset="utf-8">
<link href="/library/webjars/fontawesome/4.7.0/css/font-awesome.min.css" media="screen" rel="stylesheet">
<link href="/library/skin/morpheus-default/tool.css" media="screen" rel="stylesheet" type="text/css" charset="utf-8">
<script src="/library/webjars/jquery/1.12.4/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/library/js/headscripts.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
    includeWebjarLibrary('featherlight');
    $(document).ready(function(){
      $("a.screensteps-image-zoom").featherlight({
        type: { image:true },
        closeOnClick: 'anywhere'
      }); 
    });   
</script>
</head>
<body>
  <div><div>
<div><h1 class="article-title">How do I add a chat room? </h1></div>
<div>



      <div class="step screensteps-section screensteps-depth-1" id="go-to-chat-room">
    <h2 class="step-title screensteps-heading">Go to Chat Room.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/301/003/original/f923759a-2880-48a0-b766-6f5768cbd17a.png" alt="" height="113" width="184">
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_DD598738-5E84-4895-8B33-F9E75D26BAFB" class="text-block-content">
    <p>Select the <strong>Chat Room</strong> tool from the Tool Menu of your site.</p>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="click-add-room">
    <h2 class="step-title screensteps-heading">Click Add Room.</h2>
        <div class="image screensteps-image">
      <img src="https://media.screensteps.com/image_assets/assets/009/693/314/original/0247593a-e398-4382-88e9-c6d14318d77e.png" alt="" height="63" width="440">
  </div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="enter-the-room-details">
    <h2 class="step-title screensteps-heading">Enter the room details.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/301/007/original/2a062e06-d32e-4fdc-9c35-789c7bb87335.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/301/007/medium/2a062e06-d32e-4fdc-9c35-789c7bb87335.png" alt="" height="539" width="855">
      </a>
  </div>
 
      <div class="step-instructions screensteps-textblock">
  <div id="text-content_3ACF8373-3035-45F4-9520-06CB3EDCEB19" class="text-block-content">
    <ol>
<li>Enter a title for the chat room in the <strong>Title</strong> field.</li>
<li>Enter a short description of the room in the <strong>Description</strong> field that will display to site participants when they view a list of available chat rooms in the site. (Optional)</li>
<li>Use the <strong>Recent Chat Display</strong> are to select the number of messages you would like to be displayed in the message history.</li>
<li>Activate <strong>Allow chat participants to change the chat display settings for their own chat window</strong> to allow site participants to customize their own experience. (Optional)</li>
<li>Set a start and end date for the chat room in the <strong>Allowed Posting Dates</strong> area. Leaving the dates blank will allow the room to always remain open. (Optional)</li>
<li>Click <strong>Update Options</strong>.</li>
</ol>
  </div>
</div>
 
  </div>

      <div class="step screensteps-section screensteps-depth-1" id="the-new-chat-room-will-display-in-the-list">
    <h2 class="step-title screensteps-heading">The new chat room will display in the list.</h2>
        <div class="image screensteps-image">
      <a href="https://media.screensteps.com/image_assets/assets/009/301/009/original/471dabd1-3556-46a7-b95c-f489e43d4209.png" class="screensteps-image-zoom">
        <img src="https://media.screensteps.com/image_assets/assets/009/301/009/medium/471dabd1-3556-46a7-b95c-f489e43d4209.png" alt="" height="201" width="855">
      </a>
  </div>
 
  </div>


</div>
</div></div>
</body>
</html>
